/*
*  Copyright (c) 2005-2011, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
*
*  WSO2 Inc. licenses this file to you under the Apache License,
*  Version 2.0 (the "License"); you may not use this file except
*  in compliance with the License.
*  You may obtain a copy of the License at
*
*    http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied.  See the License for the
* specific language governing permissions and limitations
* under the License.
*/
.handlerGreen{
    background-image:url(../images/boxGreen.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    width:149px;
    height:43px;
    line-height:43px;
    text-align:center;
}
.handlerRed{
    background-image:url(../images/boxRed.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    width:149px;
    height:43px;
    line-height:43px;
    text-align:center;
}
.handlerRed{
    background-image:url(../images/boxRed.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    width:149px;
    height:43px;
    line-height:43px;
    text-align:center;
}
.handlerArrowtoRight{
    background-image:url(../images/arrowRight.gif);
    background-position:5px 15px;
    background-repeat:no-repeat;
    width:40px;
    height:43px;
    line-height:43px;
}
.handlerArrowtoLeft{
    background-image:url(../images/arrowLeft.gif);
    background-position:5px 15px;
    background-repeat:no-repeat;
    width:40px;
    height:43px;
    line-height:43px;
}
.handlerArrowDown{
    background-image:url(../images/arrowDown.gif);
    background-position:70px 5px;
    background-repeat:no-repeat;
    width:149px;
    height:43px;
    line-height:43px;
}
.handlerStartSymbol {
    background-image:url(../images/startSymbol.gif);
    background-position:5px 15px;
    background-repeat:no-repeat;
    height:43px;
    line-height:43px;
    width:40px;
}
.handlerEndSymbol {
    background-image:url(../images/endSymbol.gif);
    background-position:5px 15px;
    background-repeat:no-repeat;
    height:43px;
    line-height:43px;
    width:30px;
}
.handlerSpaceSymbol {
    background-image:url(../images/spacerSymbol.gif);
    background-position:5px 15px;
    background-repeat:no-repeat;
    height:43px;
    line-height:43px;
    width:40px;
}
.handlerEndSymbolSpecial {
    background-image:url(../images/endSymbol.gif);
    background-position:62px 5px;
    background-repeat:no-repeat;
    height:43px;
    line-height:43px;
    width:149px;
}
#simulationChart{
    padding-top:30px;
}
.toLeft li,.toLeft{
    float:left;    
}
.toRight li,.toRight{
    float:right;    
}
.handlerDetails{
    background-color:#f1efd7;
    border:1px solid #CCCCCC;
    margin-left:50px;
    margin-top:-20px;
    padding:3px;
    position:absolute;
    line-height:20px;
}
.handlerDetailsTitle{
    font-weight:bold;
}

